<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../style/shopcar.less" type="text/css">
    <link rel="stylesheet" href="../css/shopcar.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
        crossorigin="anonymous">

</head>

<body>
    <!-- 导航 -->
    <div id="site-nav">
        <div>
            <div></div>
        </div>
        <div id="sn-bd">
            <div></div>
            <div id="nav-container">
                <p id="login-info" class="sn-login-info">
                    <em>喵，欢迎来到天猫</em>
                    <a href="" class="login">请登录</a>
                    <a href="" class="register">免费注册</a>
                </p>
                <ul class="sn-quick-menu">
                    <li class="menu-item sn-mytaobao">
                        <a href="">我的淘宝
                            <b></b>
                        </a>
                        <div class="menu-bd">
                            <div class="menu-bd-panel">
                                <a href="">已买到的宝贝</a>
                                <a href="">已卖出的宝贝</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="glyphicon glyphicon-shopping-cart"></i>
                        <a href="">购物车</a>
                    </li>
                    <li class="menu-item sn-mytaobao">
                        <a href="">收藏夹
                            <b></b>
                        </a>
                        <div class="menu-bd ">
                            <div class="menu-bd-panel">
                                <a href="">收藏的宝贝</a>
                                <a href="">收藏的店铺</a>
                            </div>
                        </div>
                    </li>
                    <li class="sn-mobile">
                        <i class="glyphicon glyphicon-phone"></i>
                        <a href="">手机版</a>
                        <div class="sn-qrcode">
                            <div class="sn-qrcode-content">
                                <p>扫一扫，定制我的天猫！</p>
                                <b></b>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="">淘宝网</a>
                    </li>
                    <li class="menu-item sn-seller">
                        <div class="sn-menu">
                            <a href="">商家支持
                                <b></b>
                            </a>
                            <div class="menu-bd sn-seller-lazy">
                                <ul>
                                    <li>
                                        <h3>商家：</h3>
                                        <a href="" target="_top">商家中心</a>
                                        <a href="" target="_top" class="sitemap-right">天猫规则</a>
                                        <a href="" target="_top" class="sitemap-right">商家入驻</a>
                                        <a href="" target="_top">运营服务</a>
                                        <a href="" target="_top" class="sitemap-right">商家品控</a>
                                        <a href="" target="_top">商家工具</a>
                                        <a href="" target="_top">天猫职酷</a>
                                        <a href="" target="_top" class="sitemap-right">妙言妙语</a>
                                    </li>
                                    <li>
                                        <h3>帮助：</h3>
                                        <div>
                                            <a href="" target="_top" style="width:100px">商家服务大厅</a>
                                        </div>
                                        <div>
                                            <a href="" target="_top">问商友</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>
                    <li class="sn-sitemap">
                        <div class="sn-menu">
                            <div class="menu-hd">
                                <i class="glyphicon glyphicon-list"></i>
                                <span>网络导航</span>
                                <b></b>
                            </div>
                            <div class="menu-bd sn-sitemap-lazy sn-sitemap-bd">
                                <style>
                                    #site-nav .site-cont {
                                        height: 110px;
                                    }

                                    #site-nav .site-hot {
                                        width: 455px;
                                    }

                                    #site-nav .site-market {
                                        width: 455px;
                                    }

                                    .w1190 #site-nav .site-hot {
                                        width: 455px;
                                    }

                                    .w1190 #site-nav .site-market {
                                        width: 455px;
                                    }
                                </style>
                                <div class="site-cont site-hot">
                                    <h2>热点推荐
                                        <span>Hot</span>
                                    </h2>
                                    <ul class="site-list">
                                        <li>
                                            <a href="">天猫超市</a>
                                        </li>
                                        <li>
                                            <a href="">喵鲜生</a>
                                        </li>
                                        <li>
                                            <a href="">科技新品

                                            </a>
                                        </li>
                                        <li>
                                            <a href="">女装新品

                                            </a>
                                        </li>
                                        <li>
                                            <a href="">酷玩街</a>
                                        </li>
                                        <li>
                                            <a href="">内衣新品

                                            </a>
                                        </li>
                                        <li>
                                            <a href="">试美妆</a>
                                        </li>
                                        <li>
                                            <a href="">运动新品</a>
                                        </li>
                                        <li>
                                            <a href="">时尚先生

                                            </a>
                                        </li>
                                        <li>
                                            <a href="">精明妈咪</a>
                                        </li>
                                        <li>
                                            <a href="">吃乐会

                                            </a>
                                        </li>
                                        <li>
                                            <a href="">企业采购</a>
                                        </li>
                                        <li>
                                            <a href="">会员积分</a>
                                        </li>
                                        <li>
                                            <a href="">天猫国际</a>
                                        </li>
                                        <li>
                                            <a href="">品质频道</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="site-cont site-market">
                                    <h2>行业市场
                                        <span>Market</span>
                                    </h2>
                                    <ul class="site-list">
                                        <li>
                                            <a href="">美妆</a>
                                        </li>
                                        <li>
                                            <a href="">电器</a>
                                        </li>
                                        <li>
                                            <a href="">女装
                                                <i class="sn-sitemap-icon  sn-sitemap-icon-hot "></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">男装
                                                <i class="sn-sitemap-icon  sn-sitemap-icon-hot "></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">女鞋</a>
                                        </li>
                                        <li>
                                            <a href="">男鞋</a>
                                        </li>
                                        <li>
                                            <a href="">内衣
                                                <i class="sn-sitemap-icon  sn-sitemap-icon-hot "></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">箱包</a>
                                        </li>
                                        <li>
                                            <a href="">运动</a>
                                        </li>
                                        <li>
                                            <a href="">母婴</a>
                                        </li>
                                        <li>
                                            <a href="">家装</a>
                                        </li>
                                        <li>
                                            <a href="">医药</a>
                                        </li>
                                        <li>
                                            <a href="">食品</a>
                                        </li>
                                        <li>
                                            <a href="">配饰
                                                <i class="sn-sitemap-icon sn-sitemap-icon-new"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="">汽车</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="site-cont site-help">
                                    <h2>服务指南
                                        <span>Help</span>
                                    </h2>
                                    <ul class="site-list">
                                        <li>
                                            <a href="">帮助中心 </a>
                                        </li>
                                        <li>
                                            <a href="">品质保障 </a>
                                        </li>
                                        <li>
                                            <a href="">特色服务 </a>
                                        </li>
                                        <li>
                                            <a href="">7天退换货 </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- content -->
    <div id="content">
        <div class="header">
            <h1 id="logo" class="cart-logo">
                <a href="">
                    <span></span>
                </a>
            </h1>
            <div class="search">
                <form action="">
                    <ul>
                        <li class="bgcolor">店铺</li>
                        <li>天猫</li>
                        <li>宝贝</li>
                        <i></i>
                    </ul>
                    <input id="input" type="text" title="请输入搜索文字">
                    <button>搜索</button>
                </form>
            </div>
        </div>
        <div class="cart-layout-TB">
            <div class="cart">
                <!-- 全部商品 -->
                <!-- 左 -->
                <div class="cart-filter-bar">
                    <ul class="switch-cart">
                        <li class="btn-switch-cart switch-cart-0  current">
                            <a href="" class="">
                                <em>全部商品</em>
                                <span class=" number ">0</span>
                                <span class="pipe"></span>
                            </a>
                        </li>
                        <li class="btn-switch-cart disabled ">
                            <a href="javascript:; " class="">
                                <em>降价商品</em>
                                <span class=" number ">0</span>
                                <span class="pipe "></span>
                            </a>
                        </li>
                        <li class="btn-switch-cart switch-cart-last disabled ">
                            <a href="javascript: void(0); " class=" ">
                                <em>库存紧张</em>
                                <span class=" number ">0</span>
                                <span class="pipe "></span>
                            </a>
                        </li>
                    </ul>
                    <!-- 右 -->
                    <div class="cart-sum ">
                        <span class="pay-text ">已选商品（不含运费）</span>
                        <strong class="price ">
                            <em id="J_SmallTotal ">
                                <span class="total-symbol ">&nbsp;</span>0.00</em>
                        </strong>
                        <a id="J_SmallSubmit " class="submit-btn submit-btn-disabled ">结&nbsp;算</a>
                    </div>
                    <!-- 下划线 -->
                    <div class="wrap-line ">
                        <div class="floater " style="width: 123px; left: -1px; "></div>
                    </div>
                </div>
                <!-- 商品内容 -->
                <div class="cart-main ">
                    <div class="cart-table-th ">
                        <div class="wp ">
                            <div class="th th-chk ">
                                <div class="select-all ">
                                    <div class="cart-checkbox ">
                                        <input type="checkbox">
                                    </div>&nbsp;&nbsp;全选</div>
                            </div>
                            <div class="th th-item ">
                                <div class="td-inner ">商品信息</div>
                            </div>
                            <div class="th th-info ">
                                <div class="td-inner ">&nbsp;</div>
                            </div>
                            <div class="th th-price ">
                                <div class="td-inner ">单价</div>
                            </div>
                            <div class="th th-amount ">
                                <div class="td-inner ">数量</div>
                            </div>
                            <div class="th th-sum ">
                                <div class="td-inner ">金额</div>
                            </div>
                            <div class="th th-op ">
                                <div class="td-inner ">操作</div>
                            </div>
                            <div class="th th-vil hidden ">
                                <div class="td-inner ">购买客户信息</div>
                            </div>
                        </div>
                    </div>
                    <!-- 订单信息 -->
                    <div id="oderList ">
                        <div style="height:auto ">
                            <div class="clear order-body ">
                                <div class="shop clear">
                                    <div class="shop-info">
                                        <div class="cart-checkbox">
                                            <input type="checkbox">
                                        </div>
                                        &nbsp;&nbsp;
                                        <span class="shop-icon icon-B "></span>
                                        <a href="javascript:; ">tanatar旗舰店</a>
                                        <span class="ww-light ww-small" data-display="inline ">
                                            <a href="javascript:; " class="ww-inline ww-online " title="点此可以直接和卖家交流选好的宝贝，或相互交流网购体验，还支持语音视频噢。 ">
                                                <span>&nbsp;&nbsp;</span>
                                            </a>
                                        </span>
                                    </div>
                                </div>
                                <div class="order-content" style="width:1190px;height:132px">
                                    <div class="bundle bundle-last">
                                        <div class="item-holder ">
                                            <div class=" item-body clear item-normal first-item last-item ">
                                                <ul class="item-content clear" style="height:129px;">
                                                    <li class="td td-chk">
                                                        <div class="td-inner ">
                                                            <div style="height: 82px;position: relative; ">
                                                                <div class="cart-checkbox ">
                                                                    <input type="checkbox" name=" " id=" ">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="td td-item">
                                                        <div class="td-inner">
                                                            <div class="item-pic img-loaded">
                                                                <a href="javascript:;">
                                                                    <img src="https://img.alicdn.com/bao/uploaded/i4/1770424358/O1CN01r5z7yG1i40jhpstmB_!!1770424358.jpg_80x80.jpg
                                                                        " alt=" " class="itempic">
                                                                </a>
                                                            </div>
                                                            <div class="item-info ">
                                                                <div class="item-basic-info">
                                                                    <a href="javascript:;" class="item-title">
                                                                        耳机有线入耳式高音质游戏k歌久戴不痛带麦原装正品适用vivo华为oppo小米手机圆孔安卓通用线控耳塞超重低音
                                                                    </a>
                                                                </div>
                                                                <div class="item-other-info">
                                                                    <div class="promo-logos"></div>
                                                                    <div class="item-icon-list clear ">
                                                                        <div class="item-icons item-icons-fixed ">
                                                                            <span class="item-icon item-icon-0 " title="支持信用卡支付 ">
                                                                                <img src="https://assets.alicdn.com/sys/common/icon/trade/xcard.png " alt=" ">
                                                                            </span>
                                                                            <a href="javascript:; " class="item-icon item-icon-1 " title="消费者保障服务，卖家承诺7天退换 ">
                                                                                <img src="https://img.alicdn.com/tps/i3/T1Vyl6FCBlXXaSQP_X-16-16.png " alt=" ">
                                                                            </a>
                                                                            <a href="javascript:; " class="item-icon item-icon-2 " title="消费者保障服务，卖家承诺如实描述 ">
                                                                                <img src="https://img.alicdn.com/tps/i4/T1BCidFrNlXXaSQP_X-16-16.png " alt=" ">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="item-tips "></div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </li>
                                                    <li class="td td-info">
                                                        <div class="item-props item-props-can">
                                                            <p class="sku-line" tabindex="0">套餐类型：官方标配</p>
                                                            <p class="sku-line" tabindex="0">颜色分类：银色【带麦支持音量加减】★质保一年</p>
                                                            <span tabindex="0" class="btn-edit-sku J_BtnEditSKU J_MakePoint" data-point="tbcart.8.10">修改</span>
                                                        </div>
                                                    </li>
                                                    <li class="td td-price">
                                                        <div class="td-inner">
                                                            <div class="item-price price-promo-">
                                                                <div class="price-content">
                                                                    <div class="price-line">
                                                                        <em class="price-original">￥51.60</em>
                                                                    </div>
                                                                    <div class="price-line">
                                                                        <em class="price-now">￥25.80</em>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="td td-amount">
                                                        <div class="td-inner">
                                                            <div class="amount-wrapper ">
                                                                <div class="item-amount ">
                                                                    <a href="#" class=" no-minus">-</a>
                                                                    <input type="text" value="1" class="text text-amount" data-max="99999999" data-now="1" autocomplete="off">
                                                                    <a href="#" class="plus">+</a>
                                                                </div>
                                                                <div class="amount-msg"></div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="td td-sum">
                                                        <div class="td-inner">
                                                            <em>￥51.60</em>
                                                        </div>
                                                    </li>
                                                    <li class="td td-op">
                                                        <div class="td-inner">
                                                            <a title="移入收藏夹" class="btn-fav J_Fav J_MakePoint" href="javascript:;">移入收藏夹</a>
                                                            <a href="javascript:;" data-point-url="//www.atpanel.com/jsclick?cache=16340431021252&amp;cartlist=delete" class="J_Del J_MakePoint">删除</a>
                                                            <div class="find-similar J_find_similar close">
                                                                <div class="J_find_similar_trigger">
                                                                    <a href="javascript:;" class="new-find-similar">相似宝贝</a>
                                                                    <span class="arrow"></span>
                                                                    <i class="icon-bd-title"></i>
                                                                </div>
                                                                <div class="find-similar-body">
                                                                    <img src="" class="find-similar-loading">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                </div>


            </div>
        </div>
    </div>


</body>

</html>